﻿@model IList<ListenMusic.Song_ServiceReference.Song>
@{
    ViewBag.Title = "ListSong_Album";
    Layout = "~/Views/Shared/_LayoutPublic.cshtml";
}
<h2>ListSong_Album</h2>
<link href="../../Styles/MusicPlayer.css" rel="stylesheet" type="text/css" />
<div id="music-content">
    <div id="music-left">
        <div id="music-title">
            <ul>
                <li><h1></h1></li>
                <li class="sub-music"><h5>Sáng tác: Đang cập nhật | Album:  <a href="#">Set Fire To The Rain (Promo CDS)</a> | Thể loại: <a>Pop</a></h5></li>
            </ul>            
        </div>
        <div id="music-player1">
                <div id="container1"></div>
	<script type="text/javascript" src="../../JWPlayer/jwplayer.js"></script>
    <script type="text/javascript">    
     jwplayer("container1").setup(
      {'flashplayer': '../../JWPlayer/player.swf','playlist': [              
       @foreach (ListenMusic.Song_ServiceReference.Song s in Model)
       {
         
       @:{
       @:     'file': '../../Music/MP3/Viet Nam/@s.SongURL',
        @:    'image': '../../Images/logo.png',
         @:   
        @: },
        }],
        repeat: 'list'
    });
   
</script>
                <div id="playlist_style">
                    
                    <ul id="playlist">
                       
                        @foreach (ListenMusic.Song_ServiceReference.Song s in Model)
                        {
                            <li>
                               <a href="#" onclick="jwplayer().playlistItem(@Model.IndexOf(s))">@s.SongName</a>
                            </li>
                        }
                    </ul>
                </div>
        </div>
        <div id="sub-menu">
            <ul>
                <li><a href="#" title="Tải bài hát về máy tính" class="button-sub">Tải về</a></li>
                <li><a href="#" title="Thêm vào danh sách yêu thích" class="button-sub">Thêm</a></li>
                <li><a href="#" title="Chia sẽ" class="button-sub">Chia sẽ</a></li>
                <li><a href="#" title="Thông báo bài hát bị lỗi" class="button-sub">Báo lỗi</a></li>
            </ul>      
        </div>
        <div id="more-details">
            <div id="lyrics">
                <h3 class="title">Lời bài hát</h3>
                <div id="lyric-details">
                    <p id="text-lyric">
                         
                    </p>
                    <a href="#">Xem toàn bộ >></a>
                </div>
</html>
